// 引入样式, 不用变量接收时，是全局样式
//           使用变量接收时，就是 cssModules 的样式
import { FC } from "react";
import style from "./index.scss";

const Film: FC<IFilm> = ({ poster, name, nation, runtime }) => {
  return (
    <div className={style.film}>
      <div className={style.poster}>
        <img src={poster} alt="" />
      </div>

      <div className={style.info}>
        <p className={style.title}>{name}</p>
        <p className={style.more}>
          {nation}|{runtime}分钟
        </p>
      </div>
    </div>
  );
};

export default Film;
